<#import "_layout.html" as layout>
<title>法律咨询平台-欢迎您加入</title>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="baidu-site-verification" content="codeva-mcy1QWF2qT" />
<meta name="keywords" content="法律咨询、律师咨询">
<meta name="description" content="律栗法律咨询平台-欢迎您加入，共同为用户提供专业免费一对一法律咨询服务">
<link href="${ctx()}/amaze/css/amazeui.min.css" rel="stylesheet">
<link href="${ctx()}/css/base.css" rel="stylesheet">
<link href="${ctx()}/css/m.css" rel="stylesheet">
<link href="${ctx()}/css/swiper.min.css" rel="stylesheet">
<link href="${ctx()}/css/jquery.fancybox.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700,800' rel='stylesheet' type='text/css'>
<script src="${ctx()}/js/jquery-3.6.0.min.js"></script>
<script src="${ctx()}/amaze/js/amazeui.min.js"></script>
<@layout.stat/>
</head>
<@layout.body>
<main>
  <div class="weizhi"><a href="/">首页</a> / 加入律栗</div>
  <div class="white_box">
    <h3 class="line_title">加入律栗</h3>
    <div class="content">
      <div class="am-g">
		  <div class="am-u-lg-6 am-u-md-8 am-u-sm-centered">
		    <div  class="am-form">
		      <label>律所名称:</label>
		      <input type="text" name="" id="ename" value="">
		      <br>
		      <label>联系人:</label>
		      <input type="text" name="" id="name" value="">
		      <br>
		      <label>联系方式:</label>
		      <input type="text" name="" id="mobile" value="">
		      <br>
		       <label>备注:</label>
		      <textarea class="" rows="5" id="content"></textarea>
		      <br>
		      <!-- <label for="serve" style="font-weight: normal;color: #999;">
		        <input id="serve" type="checkbox">
		        提交前请阅读并同意<a href="">《用户服务协议》</a>和<a href="">《隐私政策》</a>
		      </label>
		       <br> -->
		         <br>
		      <div class="am-cf">
		        <button name="" class="am-btn am-btn-primary am-btn-sm am-fl" id="firm">提 交</button>
		      </div>
		    </div>
		  </div>
		   <br>
		    <br>

    </div>
  </div>
  
  <div class="am-modal am-modal-alert" tabindex="-1" id="layer-success">
  <div class="am-modal-dialog">
   <!--  <div class="am-modal-hd">信息提示</div> -->
    <div class="am-modal-bd" id="msg">
     提交成功
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>
  
  <div class="am-modal am-modal-alert" tabindex="-1" id="layer-error">
  <div class="am-modal-dialog">
    <!-- <div class="am-modal-hd">信息提示</div> -->
    <div class="am-modal-bd" id="error">
     提交失败
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>
  
  
</main>
<script>
$(function(){

	var layerError = $('#layer-error');
	
	$("#firm").click(function(){
		var url="/u/firm"
		var data={
				ename:$("#ename").val(),
				name:$("#name").val(),
				mobile:$("#mobile").val(),
				content:$("#content").val()
		}
		$.post(url,data,function(ret){
			if(ret.code==200){
				$('#layer-success').modal();
			}else{
				$("#error").text(ret.message);
				$('#layer-error').modal();
			}
		},"json");
	});
});
</script>
</@layout.body>
<@layout.script>
</@layout.script>